<!-- <template>
  <div class="parent">
    <h2>父组件</h2>
    <Person :personList="personList" />
  </div>

</template>
<script lang="ts" setup>
// import Person from "@/components/person.vue"
import { reactive } from "vue"
// import { type Persons } from "./types"

let personList = reactive<Persons>([ //Person泛型写在reactive后边
  { id: 'asudfysafd01', name: '张三', age: 18 },
  { id: 'asudfysafdo2', name: '李四', age: 20 },
  { id: 'asudfysaf)d03', name: '王五', age: 22, x: "ce" }
])



</script>
<style scoped>
.parent {
  height: 500px;
  background: rgb(153, 219, 218);
}
</style> -->
